<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
	<meta charset="utf-8" />
	<title>{$Think.lang.pbc_login_page_title} - {$Think.lang.cfg_website}</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<!-- BEGIN GLOBAL MANDATORY STYLES -->
	<link href="{$NOW_THEME_URL}/Assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="{$NOW_THEME_URL}/Assets/plugins/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
	<link href="{$NOW_THEME_URL}/Assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="{$NOW_THEME_URL}/Assets/css/style-metro.css" rel="stylesheet" type="text/css"/>
	<link href="{$NOW_THEME_URL}/Assets/css/style.css" rel="stylesheet" type="text/css"/>
	<link href="{$NOW_THEME_URL}/Assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
	<!-- END GLOBAL MANDATORY STYLES -->
	<!-- BEGIN PAGE LEVEL STYLES -->
	<link href="{$NOW_THEME_URL}/Assets/css/pages/login-soft.css" rel="stylesheet" type="text/css"/>
    <!--[if (gte IE 6)&(lte IE 8)]>
    <link href="{$NOW_THEME_URL}/Assets/plugins/font-awesome/css/font-awesome-ie7.min.css" rel="stylesheet" type="text/css"/>
    <![endif]-->   
	<!-- END PAGE LEVEL STYLES -->
	<link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="login">
	<!-- BEGIN LOGO -->
	<div class="logo">
		<img src="{$NOW_THEME_URL}/Assets/img/logo-big.png" alt="" /> 
	</div>
	<!-- END LOGO -->
	<!-- BEGIN LOGIN -->
	<div class="content">
		<!-- BEGIN LOGIN FORM -->
		<form class="form-vertical login-form" method="post" action="__URL__/checkLogin" id="loginFrom">
			<h3 class="form-title">{$Think.lang.pbc_login_form_title}</h3>
			<div class="alert alert-error hide" id="allform_err">
				<button class="close" data-dismiss="allform_err"></button>
				<span>{$Think.lang.pbc_login_form_err_allform}</span>
			</div>
			<div class="control-group">
				<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
				<label class="control-label visible-ie8 visible-ie9">{$Think.lang.pbc_login_form_ele_username}</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-user"></i>
						<input class="m-wrap placeholder-no-fix" type="text" placeholder="{$Think.lang.pbc_login_form_ele_username}" name="username"/>
					</div>
                    <label id="username_err" for="username" class="help-inline help-small no-left-padding" style="display:none;">{$Think.lang.pbc_login_form_err_username}</label>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label visible-ie8 visible-ie9">{$Think.lang.pbc_login_form_ele_password}</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-lock"></i>
						<input class="m-wrap placeholder-no-fix" type="password" placeholder="{$Think.lang.pbc_login_form_ele_password}" name="password"/>
					</div>
                    <label id="password_err" for="password" class="help-inline help-small no-left-padding" style="display:none;">{$Think.lang.pbc_login_form_err_password}</label>
				</div>
			</div>
			<div class="form-actions">
				<label class="checkbox">
				<input type="checkbox" name="remember" value="1"/> {$Think.lang.pbc_login_form_ele_remember}
				</label>
				<button type="submit" class="btn blue pull-right" id="loginBtn">
				{$Think.lang.pbc_login_form_ele_submit} <i class="m-icon-swapright m-icon-white"></i>
				</button>            
			</div>
        </form>
		<!-- END LOGIN FORM -->
    </div>
	<!-- BEGIN COPYRIGHT -->
	<div class="copyright">
		2013 &copy; By Etackle Soft.
	</div>
	<!-- END COPYRIGHT -->
	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
	<!-- BEGIN CORE PLUGINS -->
    
	<script src="__PUBLIC__/Js/jquery.min.js" type="text/javascript"></script>
	<script src="{$NOW_THEME_URL}/Assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->   
	<script src="{$NOW_THEME_URL}/Assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<!--[if lt IE 9]>
	<script src="{$NOW_THEME_URL}/Assets/plugins/excanvas.min.js"></script>
	<script src="{$NOW_THEME_URL}/Assets/plugins/respond.min.js"></script>  
	<![endif]-->   
	<script src="{$NOW_THEME_URL}/Assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
	<!-- END CORE PLUGINS -->
	<!-- BEGIN PAGE LEVEL PLUGINS -->
	<script src="{$NOW_THEME_URL}/Assets/plugins/jquery-validation/dist/jquery.validate.min.js" type="text/javascript"></script>
	<script src="{$NOW_THEME_URL}/Assets/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
	<!-- END PAGE LEVEL PLUGINS -->
	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script src="{$NOW_THEME_URL}/Assets/scripts/login-soft.js" type="text/javascript"></script>      
	<!-- END PAGE LEVEL SCRIPTS --> 
	<script type="text/javascript">
		var ABS_URL_Theme = "{$NOW_THEME_URL}/";
		jQuery(document).ready(function() {     
			Login.init();
		});
	</script>
	<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>